<template>
	<div id="chart" />
</template>

<script>
	//全部引入
	var echarts = require('echarts');

	export default {
		mounted() {
			this.initCharts();
		},
		methods: {
			initCharts() {
				this.chart = echarts.init(document.getElementById('chart'));
				this.setOptions();
			},
			setOptions() {
				this.chart.setOption({
					title: {
						text: 'ECharts 入门示例'
					},
					tooltip: {},
					xAxis: {
						data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
					},
					yAxis: {},
					series: [{
						name: '销量',
						type: 'bar',
						data: [5, 20, 36, 10, 10, 20]
					}]
				})
			}
		}

	}
</script>

<style>
</style>